<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="css/homework0614.css">
</head>
<body>
<!--顶部-->
<header>

<!--导航栏-->
<div class="h1">
    <div>
        <img src="../猫眼电影%20-%20娱乐看猫眼_files/logo.png">
    </div>
    <div>
        <a href="">首页</a>
        <a href="">电影</a>
        <a href="">影院</a>
        <a href="">演出</a>
        <a href="">榜单</a>
        <a href="">热点</a>
        <a href="">商场</a>
    </div>
</div>
<div class="h2">
    <a href="">APP下载</a>
    <input type="text" placeholder="找影视剧、影人、影院">
    <span></span>
    <img src="../猫眼电影%20-%20娱乐看猫眼_files/头像.png">
</div>

</header>


<!--主体-->
<section>
<!--左-->
    <div class="left">
<!--左上-->
    <div>
        <div class="left1">
            <div>
                <p>侏罗纪世界3</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left2">
            <div>
                <p>暗恋·橘生淮南</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left3">
            <div>
                <p>人生大事</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left4">
            <div>
                <p>坏蛋联盟</p>
            </div>
            <a>购票</a>
        </div>
    </div>
<!--左下-->
    <div>
        <div class="left5">
            <div>
                <p>天才计划</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left6">
            <div>
                <p>哆啦A梦</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left7">
            <div>
                <p>精灵旅社4</p>
            </div>
            <a>购票</a>
        </div>
        <div class="left8">
            <div>
                <p>一周的朋友</p>
            </div>
            <a>购票</a>
        </div>

    </div>
    </div>
<!--右-->
    <div class="right">
<!--右上-->
        <div class="right1">
            <div class="right11">
                <div class="right111"></div>
                <div class="right112">
                    <p>侏罗纪世界3</p>
                    <p>1030.4万</p>
                </div>
            </div>
            <div class="right12">
                <table>
                    <tr>
                        <td>2</td>
                        <td>暗恋·橘生淮南</td>
                        <td>164.35万</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>坏蛋联盟</td>
                        <td>97.16万</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>天才计划</td>
                        <td>22.21万</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>哆啦A梦</td>
                        <td>18.50万</td>
                    </tr>
                </table>
            </div>
        </div>

<!--右下-->
        <div class="right2">
            <div class="right21">
                <p>今日大盘</p>
            </div>
            <div class="right22">
                <div>
                    <p>1416.9</p>
                    <p>万</p>
                    <p>北京时间 15:05:18</p>
                </div>
                <div>
                    <p>查看更多 ></p>
                    <p>猫眼专业版实时票房数据</p>
                </div>
            </div>
        </div>
    </div>

</section>
</body>
</html>